<template>
	<view class="page">
		<!-- 头部 -->
		<!-- #ifdef MP-WEIXIN -->
			<topVue>
				<view class="slotVue">
					<image
						src="../../../static/back.png" 
						style="width: 38rpx; height: 38rpx; left: 30rpx;" 
						class="absolute-middle"
						@click="$tools.back(1)"
					></image>
					<text class="fw600 fs32 absolute-auto">认证</text>
				</view>
			</topVue>
		<!-- #endif -->
		<view class="tip text-center padding30">请根据提示完成以下认证，认证成功后方可参</view>
		<view class="item margin0 flex-between flex-column relative" @click="$tools.route('./identity')">
			<view class="fw600 fs30">1.实名认证</view>
			<text>提供真实有效的个人信息</text>
			<view class="btn absolute-middle">前往认证</view>
		</view>
		<view class="item margin20 flex-between flex-column relative" @click="$tools.route('./education')">
			<view class="fw600 fs30">2.学历认证</view>
			<text>提供真实有效的学历认证</text>
			<view class="btn absolute-middle">前往认证</view>
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return {
				
			}
		}
	}
</script>

<style lang="less" scoped>
	.tip {
		font-size: 24rpx;
		color: #999999;
	}
	.item {
		width: 690rpx;
		height: 164rpx;
		background: #FCF7FB;
		border-radius: 16rpx;
		padding: 40rpx;
		text {
			color: #999999;
		}
		.btn {
			width: 176rpx;
			height: 56rpx;
			background: #FC132F;
			border-radius: 28rpx;
			color: #fff;
			line-height: 56rpx;
			text-align: center;
			right: 40rpx;
		}
	}
	.item:nth-child(2) {
		background: #FDF9F2;
	}
</style>